<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div>
        背景调试用文字，背景调试用文字，背景调试用文字，背景调试用文字，背景调试用文字，背景调试用文字，
        背景调试用文字，背景调试用文字，背景调试用文字，背景调试用文字，背景调试用文字，背景调试用文字，
        背景调试用文字，背景调试用文字，背景调试用文字，背景调试用文字，背景调试用文字，背景调试用文字，
        背景调试用文字，背景调试用文字，背景调试用文字，背景调试用文字，背景调试用文字，背景调试用文字，
        背景调试用文字，背景调试用文字，背景调试用文字，背景调试用文字，背景调试用文字，背景调试用文字，
        背景调试用文字，背景调试用文字，背景调试用文字，背景调试用文字，背景调试用文字，背景调试用文字，
    </div>
    <style>
        div {
            border: dashed 10px red;
            width: 400px;
            /* height: 200px; */
            margin: auto;
            color: green;
            background-color: aqua;
            padding: 30px;
            font-weight: 800;
            font-size: 20px;
            font-family: 'Times New Roman', Times, serif;
            font-style: normal;
            font-variant: small-caps;
        }

        div {
            background-image: url(./屏幕截图.png);
            /* background-repeat: no-repeat; */
            /* background-position: center top; */
            /* background-position: 100% 20%; */
            background-origin: padding-box;
            background-origin: border-box;
            background-clip: content-box;
            /* background-attachment: fixed; */
            background-size: cover;
        }
        div{background: url(./屏幕截图.png) ;}
    </style>
</body>

</html>